<div class="header-section">
	<!--menu-right-->
	<div class="top_menu">
		<div class="profile_details_left">
			<ul class="nofitications-dropdown">

				<li class="dropdown note"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown" aria-expanded="false"> <i
						class="fa fa-envelope-o"></i> <span class="badge">3</span>
				</a>
					<ul class="dropdown-menu two first">
						<li>
							<div class="notification_header">
								<h3>You have 3 new messages</h3>
							</div>
						</li>
						<li><a href="#">
								<div class="user_img">
									<img src="#" alt="">
								</div>
								<div class="notification_desc">
									<p>Lorem ipsum dolor sit amet</p>
									<p>
										<span>1 hour ago</span>
									</p>
								</div>
								<div class="clearfix"></div>
						</a></li>
						<li class="odd"><a href="#">
								<div class="user_img">
									<img src="#" alt="">
								</div>
								<div class="notification_desc">
									<p>Lorem ipsum dolor sit amet</p>
									<p>
										<span>1 hour ago</span>
									</p>
								</div>
								<div class="clearfix"></div>
						</a></li>
						<li><a href="#">
								<div class="user_img">
									<img src="#" alt="">
								</div>
								<div class="notification_desc">
									<p>Lorem ipsum dolor sit amet</p>
									<p>
										<span>1 hour ago</span>
									</p>
								</div>
								<div class="clearfix"></div>
						</a></li>
						<li>
							<div class="notification_bottom">
								<a href="#">See all messages</a>
							</div>
						</li>
					</ul></li>

				<li class="dropdown note"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown" aria-expanded="false"><i
						class="fa fa-bell-o"></i> <span class="badge">5</span></a>

					<ul class="dropdown-menu two">
						<li>
							<div class="notification_header">
								<h3>You have 5 new notification</h3>
							</div>
						</li>
						<li><a href="#">
								<div class="user_img">
									<img src="#" alt="">
								</div>
								<div class="notification_desc">
									<p>Lorem ipsum dolor sit amet</p>
									<p>
										<span>1 hour ago</span>
									</p>
								</div>
								<div class="clearfix"></div>
						</a></li>
						<li class="odd"><a href="#">
								<div class="user_img">
									<img src="#" alt="">
								</div>
								<div class="notification_desc">
									<p>Lorem ipsum dolor sit amet</p>
									<p>
										<span>1 hour ago</span>
									</p>
								</div>
								<div class="clearfix"></div>
						</a></li>
						<li><a href="#">
								<div class="user_img">
									<img src="#" alt="">
								</div>
								<div class="notification_desc">
									<p>Lorem ipsum dolor sit amet</p>
									<p>
										<span>1 hour ago</span>
									</p>
								</div>
								<div class="clearfix"></div>
						</a></li>
						<li>
							<div class="notification_bottom">
								<a href="#">See all notification</a>
							</div>
						</li>
					</ul></li>
				<li class="dropdown note"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tasks"></i>
						<span class="badge blue1">9</span></a>
					<ul class="dropdown-menu two">
						<li>
							<div class="notification_header">
								<h3>You have 9 pending task</h3>
							</div>
						</li>
						<li><a href="#">
								<div class="task-info">
									<span class="task-desc">Database update</span><span
										class="percentage">40%</span>
									<div class="clearfix"></div>
								</div>
								<div class="progress progress-striped active">
									<div class="bar yellow" style="width: 40%;"></div>
								</div>
						</a></li>
						<li><a href="#">
								<div class="task-info">
									<span class="task-desc">Dashboard done</span><span
										class="percentage">90%</span>
									<div class="clearfix"></div>
								</div>

								<div class="progress progress-striped active">
									<div class="bar green" style="width: 90%;"></div>
								</div>
						</a></li>
						<li><a href="#">
								<div class="task-info">
									<span class="task-desc">Mobile App</span><span
										class="percentage">33%</span>
									<div class="clearfix"></div>
								</div>
								<div class="progress progress-striped active">
									<div class="bar red" style="width: 33%;"></div>
								</div>
						</a></li>
						<li><a href="#">
								<div class="task-info">
									<span class="task-desc">Issues fixed</span><span
										class="percentage">80%</span>
									<div class="clearfix"></div>
								</div>
								<div class="progress progress-striped active">
									<div class="bar  blue" style="width: 80%;"></div>
								</div>
						</a></li>
						<li>
							<div class="notification_bottom">
								<a href="#">See all pending task</a>
							</div>
						</li>
						<li class="dropdown note"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown" aria-expanded="false"><i
								class="fa fa-tasks"></i> <span class="badge blue1">9</span></a>
							<ul class="dropdown-menu two">
								<li>
									<div class="notification_header">
										<h3>You have 9 pending task</h3>
									</div>
								</li>
								<li><a href="#">
										<div class="task-info">
											<span class="task-desc">Database update</span><span
												class="percentage">40%</span>
											<div class="clearfix"></div>
										</div>
										<div class="progress progress-striped active">
											<div class="bar yellow" style="width: 40%;"></div>
										</div>
								</a></li>
								<li><a href="#">
										<div class="task-info">
											<span class="task-desc">Dashboard done</span><span
												class="percentage">90%</span>
											<div class="clearfix"></div>
										</div>

										<div class="progress progress-striped active">
											<div class="bar green" style="width: 90%;"></div>
										</div>
								</a></li>
								<li><a href="#">
										<div class="task-info">
											<span class="task-desc">Mobile App</span><span
												class="percentage">33%</span>
											<div class="clearfix"></div>
										</div>
										<div class="progress progress-striped active">
											<div class="bar red" style="width: 33%;"></div>
										</div>
								</a></li>
								<li><a href="#">
										<div class="task-info">
											<span class="task-desc">Issues fixed</span><span
												class="percentage">80%</span>
											<div class="clearfix"></div>
										</div>
										<div class="progress progress-striped active">
											<div class="bar  blue" style="width: 80%;"></div>
										</div>
								</a></li>
								<li>
									<div class="notification_bottom">
										<a href="#">See all pending task</a>
									</div>
								</li>
							</ul></li>
						<div class="clearfix"></div>
					</ul>
		</div>
		<div class="clearfix"></div>
		<!--//profile_details-->
	</div>
	<!--//menu-right-->
	<div class="clearfix"></div>
</div>